<template>
  <div class="app">
    <Header />
    <div class="body">
      <Nav />
      <router-view />
    </div>
  </div>
</template>

<script>
import Header from "./components/Header.vue";
import Nav from "./components/Nav.vue";
export default {
  name: "App",
  components: {
    Header,
    Nav,
  },
};
</script>

<style scoped lang="less">
.app {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .body {
    display: flex;
    gap: 20px;
  }
}
</style>
